<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">
	<ui:component>
		<p:fieldset legend="Animal" id="fielAnimal" toggleable="true">
			<h:panelGrid columns="1" width="100%" id="imagemPanelTag">
				<p:toolbar rendered="#{!empty animal.listaUrls}" style="width: 200px; height: 130px;">
					<p:toolbarGroup>
						<h:panelGrid columns="2" width="5%">
							<p:commandButton type="button" onclick="switcher.previous();" icon="ui-icon-circle-triangle-w" />
							<p:commandButton type="button" onclick="switcher.next();" icon="ui-icon-circle-triangle-e" />
						</h:panelGrid>
						<p:imageSwitch effect="shuffle" widgetVar="switcher" slideshowSpeed="6000" slideshowAuto="true">
							<ui:repeat value="#{animal.listaUrls}" var="image">
								<p:graphicImage value="/imagemServlet?file=#{image}" style="width: 200px; height: 100px;" />
							</ui:repeat>
						</p:imageSwitch>
					</p:toolbarGroup>
				</p:toolbar>
			</h:panelGrid>

			<h:panelGrid columns="4" id="panelTagAnimal" border="0" columnClasses="coluna20,coluna30,coluna20,coluna30"
				width="100%">
				<h:outputText value="Código:" />
				<h:outputText value="#{animal.codigo}" />

				<h:outputText value="Nome:" />
				<h:outputText value="#{animal.nome}" />

				<h:outputLabel value="Idade:" />
				<h:outputText value="#{animal.idade}" />

				<h:outputLabel value="Sexo:" />
				<h:outputText value="#{animal.sexoFormat}" />

				<h:outputLabel value="Quantidade Parto:" />
				<h:outputText value="#{animal.qtdParto}" />

				<h:outputLabel value="Quantidade Embrião Efetivado:" />
				<h:outputText value="#{animal.qtdEmbriaoEfetivado}" />

				<h:outputLabel value="Quantidade aborto:" />
				<h:outputText value="#{animal.qtdAborto}" />


				<h:outputLabel value="Quantidade Embrião Não Efetivado:" />
				<h:outputText value="#{animal.qtdEmbriaoNaoEfetivado}" />

				<h:outputLabel value="Proprietário:" />
				<h:outputText value="#{animal.proprietario.nome}" />

				<h:outputLabel value="Criador:" />
				<h:outputText value="#{animal.proprietarioCriador.nome}" />

				<h:outputLabel value="Pai:" />
				<h:outputText value="#{animal.pai.nome}" />

				<h:outputLabel value="Mãe:" />
				<h:outputText value="#{animal.mae.nome}" />

				<h:outputLabel value="Data de Entrada:" />
				<h:outputLabel value="#{animal.dtEntrada}">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</h:outputLabel>

				<h:outputLabel value="Data de Saída:" />
				<h:outputLabel value="#{animal.dtSaida}">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</h:outputLabel>
				<h:outputLabel value="Pelagem:" />
				<h:outputText value="#{animal.pelagem.descricao}" />

				<h:outputLabel value="Situação:" />
				<h:outputText value="#{animal.movimentacaoAnimalAtual.situacao.descricao}" />

				<h:outputLabel value="Função do Animal:" />
				<h:outputText value="#{animal.funcaoAnimal.descricao}" />

				<h:outputLabel value="Tipo de Animal:" />
				<h:outputText value="#{animal.tipoAnimal.descricao}" />

				<h:outputLabel value="Raça:" />
				<h:outputText value="#{animal.raca.descricao}" />

				<h:outputLabel value="Grau de Sangue:" />
				<h:outputText value="#{animal.grauSangue.descricao}" />

				<h:outputLabel value="Tipo De Cobertura:" />
				<h:outputText value="#{animal.tipoCobertura.descricao}" />

				<h:outputLabel value="Observação:" />
				<h:outputText value="#{animal.observacao}" />
			</h:panelGrid>
		</p:fieldset>

	</ui:component>
</ui:composition>